<%@ page contentType="text/html;charset=UTF-8" %>
<form class="login-form" action='${postUrl}'  method="post">
		<h3 class="form-title"><g:meta name="app.dps"/></h3>
		
		<g:if test='${flash.message}'>
		<div class="alert alert-danger ">
			<button class="close" data-close="alert"></button>
			<span>
				${flash.message}
			</span>
		</div>
		</g:if>		
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9"><g:message code="springSecurity.login.username.label"/></label>
			<div class="input-icon">
				<i class="fa fa-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="<g:message code="springSecurity.login.username.label"/>" name="j_username"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9"><g:message code="springSecurity.login.password.label"/></label>
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="<g:message code="springSecurity.login.password.label"/>" name="j_password"/>
			</div>
		</div>
		<div class="form-actions">
			<label class="checkbox">
			<input type="checkbox" name="${rememberMeParameter}" value="1"  <g:if test='${hasCookie}'>checked='checked'</g:if> /><g:message code="springSecurity.login.remember.me.label"/></label>
			<button type="submit" class="btn green pull-right">
			${message(code: "springSecurity.login.button")}&nbsp;&nbsp;<i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
		<div class="forget-password">
			<h4>Forgot your password ?</h4>
			<p>
				 no worries, click <a href="javascript:;" id="forget-password">here</a>
				to reset your password.
			</p>
		</div>
		<div class="create-account">
			<p>
				 Don't have an account yet ?&nbsp; <a href="javascript:;" id="register-btn">Create an account</a>
			</p>
		</div>
	</form>